<div class="match-filter-page">
  <div class="match-filter-title">
    <i class="back" (click)="goBack()"></i>
    <span>筛选条件</span>
  </div>
  <div class="match-filter-content">
    <div class="match-clume">
      <div class="clume-header">赛事类型</div>
      <ul class="clume-content">
        <li
          *ngFor="let item of event_type;let i = index"
          [class.filter-current]="backUp.typeActive==i"
          (click)="eventType(i,item.formatType)"
        >{{item.formatName}}</li>
      </ul>
    </div>
    <div class="match-clume">
      <div class="clume-header">赛事状态</div>
      <ul class="clume-content">
        <li
          *ngFor="let item of event_status;let i = index"
          [class.filter-current]="backUp.statusActive==i"
          (click)="eventStatus(i,item.status=='报名截止'?'已报满':item.status)"
        >{{item.name=='报名截止'?'已报满':item.name}}</li>
      </ul>
    </div>
    <div class="match-clume">
      <div class="clume-header" routerLink="/match/city">
        <span>赛事地址</span>
        <i></i>
      </div>
      <ul class="clume-content" routerLink="/match/city">
        <li
          class="filter-current"
          [innerHTML]="backUp.citySelect"
        ></li>
      </ul>
    </div>
    <div class="match-clume">
      <div class="clume-header" routerLink="/match/brand">
        <span>赛事品牌</span>
        <i></i>
      </div>
      <ul class="clume-content" routerLink="/match/brand">
        <li class="filter-current"
            [innerHTML]="backUp.recomName"
        ></li>
      </ul>
    </div>
  </div>
  <div class="type-submit">
    <div class="submit-button" (click)="filterSubmit()">确认</div>
  </div>
</div>




